// 外边距
$margin-small : 6px;
$margin-base : 12px;
$margin-medium : 16px;
$margin-large : 20px;

// 内边距
$padding-small : 6px;
$padding-base : 12px;
$padding-medium : 16px;
$padding-large : 20px;

// 文字大小
$font-size-small-extra : 12px;
$font-size-small : 13px;
$font-size-base : 14px;
$font-size-medium : 16px;
$font-size-large : 18px;
$font-size-large-extra : 20px;

// 通用颜色
$color-white : #fff;
$color-white-gray : whitesmoke;
$color-black : #000;
$color-none : transparent;
$color-main : #409eff;
$color-success : #67c23a;
$color-warning : #e6a23c;
$color-danger : #f56c6c;
$color-main : #409eff;
$color-main-light1 : #35a9fc;
$color-main-light2 : #51b2fc;
$color-main-light3 : #69bcfd;
$color-main-light4 : #80c6fd;
$color-main-light5 : #97d0fd;
$color-success-light : #dff3d9;
$color-warning-light : #fcecd9;
$color-danger-light : #ffe2e2;

// 文字颜色
$color-text-main : #303133;
$color-text-primary : #606266;
$color-text-secondary : #909399;
$color-text-placeholder : #c0c4cc;

// 边框颜色
$border-color-main : #DCDFE6;
$border-color-light1 : #E4E7ED;
$border-color-light2 : #EBEEF5;
$border-color-light3 : #F2F6FC;

// 边框
$border-solid : 1px solid $border-color-main;
$border-dashed : 2px dashed $border-color-main;

// 圆角
$border-radius-small : 6px;
$border-radius-base : 8px;
$border-radius-large : 12px;

//阴影
$box-shadow-base : 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$box-shadow-light : 0 2px 12px 0 rgba(0, 0, 0, 0.1);

// 行距
$line-height-none : 1;
$line-height-small : 1.2;
$line-height-base : 1.5;
$font-size-large : 1.7;

// 字体
$font-family-base : -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;



